<template>
<div class="test common-page"  >
  
 <p v-for="i in 5" :key="i">{{i}}</p> 
 <xdh-async-img class="img" id="huangjipingid"></xdh-async-img>
  <p v-for="i in 30" :key="`a${i}`">{{i}}</p> 
  <xdh-async-img class="img" id="huangjipingid2"></xdh-async-img>
  <p v-for="i in 10" :key="`b${i}`">{{i}}</p>
  <xdh-async-img class="img" id="huangjipingid3"></xdh-async-img>
</div>
</template>

<style lang="scss" scoped>
// @import "../../../../../src/style/variables/_default.scss";
.test{
  overflow: auto
}
.img{
  width: 300px; 
  height: 300px;
  border: 1px solid gray
}

</style>

<script>
import XdhAsyncImg from '@/components/common/xdh-async-img/index'
export default {
  name: 'test',
  components: {
    XdhAsyncImg
  },
  props: {
  },
  data() {
    return {
    }
  },
  computed: {
    
  },
  watch: {
    
  },
  methods: {
    
  },
  mounted() {
  }
}
</script>

